<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<title>51微贷</title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="../css/reset.css">		
		<link rel="stylesheet" type="text/css" href="../css/common.css">
		<link rel="stylesheet" type="text/css" href="../css/icomoon/style.css">
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>

	<body>
		<div id="content">
			<h3 class="header f-pr">
				<span>证件信息</span>
				<i class="icon-angle-left f-pa"></i>
			</h3>
			<div class="m-photos">
				<div class="mui-slider slider">
					<div class="mui-slider-group mui-slider-loop slider-group" id="slider-group">
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img src=""></a>
						</div>
						<div class="mui-slider-item">
							<a href="#"><img src=""></a>
						</div>
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img src=""></a>
						</div>
						<div class="mui-slider-item mui-slider-item-duplicate">
							<a href="#"><img src=""></a>
						</div>
					</div>
					<div class="mui-slider-indicator slider-indicator" id="slider-indicator">
						<div class="mui-indicator mui-active"></div>
						<div class="mui-indicator"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../js/md5.min.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/zepto.min.js"></script>
		<script type="text/javascript" src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/common.js"></script>

		<script type="text/javascript">
			mui.plusReady(function() {
				
				$('.icon-angle-left').on('tap', function(){
					mui.back();
				});

				mui.ajax(base + 'credit/imagelist', {
					type: 'get',
					data: {
						'credit': plus.webview.currentWebview().credit
					},
					dataType: 'json',
					headers: sign(md5),
					success: function(data) {
						var list = data.list;
						$('#slider-indicator').empty();
						$('#slider-group').empty();
						for(var i = 0, len = list.length; i < len; i++) {
							var item = list[i];
							$('#slider-indicator').append(i == 0 ? '<div class="mui-indicator mui-active"></div>' : '<div class="mui-indicator"></div>');
							if(i == 0) {
								var obj = data.list[data.list.length - 1];
								$('#slider-group').append('<div class="mui-slider-item mui-slider-item-duplicate"><a><img src="' + obj.url + '"></a></div>');
							}
							$('#slider-group').append('<div class="mui-slider-item"><a><img src="' + item.url + '"></a></div>');

							if(i == data.list.length - 1) {
								var obj = data.list[0];
								$('#slider-group').append('<div class="mui-slider-item mui-slider-item-duplicate"><a><img src="' + obj.url + '"></a></div>');
							}
						}
					},
					error: function() {
						console.error('error');
					}
				})
			});
		</script>
	</body>

</html>